---
title: Branding
---

import { LinkButton } from '@astrojs/starlight/components';

これらのアセットは [CC-BY-SA-4.0](https://github.com/LinwoodDev/Butterfly/blob/develop/BRANDING_LICENSE) でライセンスされています。

## ロゴ

![Logo](/img/logo.svg)

<div class="sl-flex stack">
  <LinkButton href="/img/logo.svg">SVG</LinkButton>
  <LinkButton href="/img/logo.png">PNG</LinkButton>
</div>

## Nightlyロゴ

![Logo](/img/nightly.svg)

<div class="sl-flex stack">
  <LinkButton href="/img/nightly.svg">SVG</LinkButton>
  <LinkButton href="/img/nightly.png">PNG</LinkButton>
</div>

## バナー

![Banner](/img/banner.svg)

<div class="sl-flex stack">
  <LinkButton href="/img/banner.svg">SVG</LinkButton>
  <LinkButton href="/img/banner.png">PNG</LinkButton>
</div>

## ドキュメント

![Documentation](/img/docs.svg)

<div class="sl-flex stack">
  <LinkButton href="/img/docs.svg">SVG</LinkButton>
  <LinkButton href="/img/docs.png">PNG</LinkButton>
</div>

## 色

* プライマリ: `#c4840d`
* アクセント: `#7b8f96`

## フォント

* ウェブサイト: `Barlow`
* App: `Comfortaa`

## スクリーンショット

> Firefoxのレスポンシブデザインモードで使用

* 電話番号: Galaxy S20 Ultra
* 7インチタブレット: Nexus 7
* 10インチタブレット: Nexus 10
